.menu-item {
  padding: $menu-item-padding-y $menu-item-padding-x;
  color: $menu-item-color;
  transition: color 0.15s ease-in-out;
  border: $menu-item-active-border-width solid transparent;
  cursor: pointer;
  &:hover,
  &:focus {
    text-decoration: none;
  }
  &.is-disabled {
    color: $menu-item-disabled-color;
    cursor: default;
  }
  &.is-active,
  &:hover {
    margin-bottom: 0;
    color: $menu-item-active-color;
    border-bottom-color: $menu-item-active-color;
  }
}
